@import "../../../../node_modules/bootstrap/scss/functions";
@import "../../../../node_modules/bootstrap/scss/variables";
@import "base64";

.jqx-widget-header,.jqx-widget-content {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.jqx-widget-header-bootstrap {
  font-family: $font-family-base;
  font-size: $font-size-base;
  font-weight: bold;
  color: $table-head-color;
}

.jqx-grid-header-bootstrap {
  margin-left: 1px;
}

.jqx-widget-content-bootstrap {
  font-family: $font-family-base;
  font-size: $font-size-base;
}

.jqx-grid-cell-bootstrap {
  padding: $table-cell-padding;
}

.jqx-grid-table {
  font-size: $font-size-base;
}

.jqx-fill-state-hover-bootstrap,.jqx-fill-state-pressed-bootstrap {
  font-family: $font-family-base;
}

.jqx-loader-icon {
  @extend %data-loader;
}

.jqx-grid-load {
  @extend %data-loader;
}

.jqx-grid-column-sortascbutton-bootstrap, .jqx-expander-arrow-bottom-bootstrap, .jqx-window-collapse-button-bootstrap, .jqx-menu-item-arrow-up-bootstrap, .jqx-menu-item-arrow-up-selected-bootstrap, .jqx-menu-item-arrow-top-up-bootstrap, .jqx-icon-arrow-up-bootstrap, .jqx-icon-arrow-up-hover-bootstrap, .jqx-icon-arrow-up-selected-bootstrap {
  @extend %data-icon-up;
}

.jqx-widget-bootstrap .jqx-grid-group-expand-bootstrap, .jqx-grid-group-expand-bootstrap, .jqx-grid-column-menubutton-bootstrap, .jqx-grid-column-sortdescbutton-bootstrap, .jqx-expander-arrow-top-bootstrap, .jqx-window-collapse-button-collapsed-bootstrap, .jqx-menu-item-arrow-down-bootstrap, .jqx-menu-item-arrow-down-selected-bootstrap, .jqx-menu-item-arrow-down-bootstrap, .jqx-icon-arrow-down-bootstrap, .jqx-icon-arrow-down-hover-bootstrap, .jqx-icon-arrow-down-selected-bootstrap {
  @extend %data-icon-down;
}

.jqx-tabs-arrow-left-bootstrap, .jqx-menu-item-arrow-left-selected-bootstrap, .jqx-menu-item-arrow-top-left, .jqx-icon-arrow-left-bootstrap, .jqx-icon-arrow-down-left-bootstrap, .jqx-icon-arrow-left-selected-bootstrap {
 @extend %data-icon-left;
}

.jqx-widget-bootstrap .jqx-grid-group-collapse-bootstrap, .jqx-grid-group-collapse-bootstrap, .jqx-tabs-arrow-right-bootstrap, .jqx-menu-item-arrow-right-selected-bootstrap, .jqx-menu-item-arrow-top-right-bootstrap, .jqx-icon-arrow-right-bootstrap, .jqx-icon-arrow-right-hover-bootstrap, .jqx-icon-arrow-right-selected-bootstrap {
  @extend %data-icon-right;
}

.jqx-grid-cell-bootstrap.jqx-grid-cell-selected-bootstrap > .jqx-grid-group-collapse-bootstrap {
  @extend %data-icon-right-white;
}

.jqx-grid-cell-bootstrap.jqx-grid-cell-selected-bootstrap > .jqx-grid-group-expand-bootstrap {
  @extend %data-icon-down-white;
}

//custom
.xgx-jqx-tree-grid {
  overflow: visible;
  div,td {
    overflow: visible!important;
  }
}
